<template>
  <div class="reg-audit-container" :style="{ backgroundImage: `url(${bg})` }">
    <div class="reg-form">
      <div class="form">
        <div class="title-container">
          <h3 class="title">账号注册审核中</h3>
        </div>
        <div class="audit-card">
          <div class="registered-audit">
            <div class="registered-icon"></div>
            <div class="text">{{ account_inspection_status }}</div>
          </div>
        </div>
        <div class="tab-btn">
          <el-button type="primary" @click="toLoginPage">返回登录页</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: "regAudit",
  data() {
    return {
      account_inspection_status: '您的账号正在审核', // 成功 /失败 /审核中 wait
    };
  },
  computed: {},
  created() {},
  methods: {
    // 跳转登录页
    toLoginPage() {
      this.$router.push({ path: "/login" });
    },

  },
};
</script>
<style lang="scss">
$bg: #283443;
$light_gray: #fff;
$cursor: #fff !important;

@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
  .reg-audit-container .el-input input {
    color: $cursor;
  }
}

/* reset element-ui css */
.reg-audit-container {
  background-size: cover;
}
</style>

<style lang="scss" scoped>
$bg: #2d3a4b;
$dark_gray: #889aa4;
$light_gray: #eee;

.reg-audit-container {
  position: relative;
  min-height: 100%;
  width: 100%;
  background-color: $bg;
  overflow: hidden;

  .logo-box {
    text-align: center;
    padding-bottom: 20px;

    .logo {
      width: 100px;
    }
  }

  .reg-form {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 80px 40px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    background-repeat: no-repeat;

    .form {
      width: 100%;
      height: 100%;
      background: rgba(32, 44, 60, 0.9);
      padding: 32px;
      border-radius: 10px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    }


    .audit-card {
      display: flex;
      justify-content: center;



      .registered-audit {
        cursor: pointer;
        width: 292px;
        height: 144px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
        background: rgb(240, 250, 255, .2);
        border-radius: 8px;
        border: 1px solid transparent;


        .registered-icon {
          width: 85px;
          height: 85px;
          background: #3F7DFF;
          border-radius: 50%;
          margin: 0 auto;
          margin-top: 12px;
        }

        .text {
          color: #fff;
          text-align: center;
          margin-top: 12px;
        }

      }




    }


    .tab-btn {
      display: flex;
      justify-content: center;
      margin-top: 24px;
    }



  }




  .title-container {
    position: relative;
    text-align: center;
    margin-bottom: 32px;

    .title {
      font-size: 22px;
      color: #fff;
      margin: 0px auto 16px auto;
      font-weight: bold;
      font-family: PingFangSC-Medium, PingFang SC;
      letter-spacing: 2px;
    }
  }


}
</style>
